@extends('home.order.index')

@extends('home.header')
@extends('home.footer')

@section('title','收银台-魅族商城')
@section('payment')
<div id="payment">
    <div class="mzcontainer">
        <div class="payment_header clearfix">
            <div class="icon">
                <div class="payment_icon success"></div>
            </div>
            <div class="info">
                <div class="main">
                    <h2>订单提交成功，应付金额 <span>1499.00</span> 元</h2>
                        <p class="tips">该宝贝为付款减库存,拍下并不代表购买成功哦。请您尽快付款，付款后我们将会尽快安排发货。</p>
                    <p>订单号：21092114452313434011&nbsp;&nbsp;&nbsp;&nbsp;
                            请您在 <span id="payTimer"> </span> 内完成支付，否则订单会被自动取消
                    </p>
                </div>
                <div class="other">
                    <div class="tr">
                        <div class="td name">商品</div>
                        <div class="td value">
                                    <span class="prod"> 魅族MX5e 经典版 公开版 金色 16GB X 1</span>
                        </div>
                    </div>
                    <div class="tr">
                        <div class="td name">收货地址</div>
                        <div class="td value">
                        北京北京市东城区东华门街道爱是第三方 100000(邮编) 无意(收) 18500891947
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="tab_panel" id="tabPanel">
            <ul class="btns clearfix">
                <li class="active">在线支付</li>
            </ul>
            <ul class="panels clearfix ">
                <li class="tools_choose active">
                    <div class="clearfix">
                            <!-- huabei -->
                            <div class="radio-box huabei" data-bank="huabei" data-val="Huabei">
                                <div class="radio"></div>
                                <div class="payment_icon"></div>
                            </div>
                        <!--end huabei -->
                        <div class="radio-box alipay active" data-bank="alipay" data-val="Alipay">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                    </div>

                    <div class="huabei-select" id="huabeiSelect">
                        <div class="header">使用花呗分期</div>
                        <div class="content clearfix"></div>
                    </div>

                    <div class="clearfix">
                        <div class="radio-box boc" data-bank="boc" data-val="BOCB2C">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box ccb" data-bank="ccb" data-val="CCB">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box aboc" data-bank="aboc" data-val="ABC">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box icbc" data-bank="icbc" data-val="ICBCB2C">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box bocm" data-bank="bocm" data-val="COMM">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box cmb" data-bank="cmb" data-val="CMB">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                        <div class="radio-box psbc" data-bank="psbc" data-val="PSBC-DEBIT">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                            <input type="radio" name="paymentWay">
                        </div>
                        <div class="radio-box ibc" data-bank="ibc" data-val="CIB">
                            <div class="radio"></div>
                            <div class="payment_icon"></div>
                        </div>
                    </div>
                    <div class="bank_detail">
                        <table id="bankDetail" cellpadding="0" cellspacing="0">
                            <thead>
                            <tr>
                                <th width="150px">银行名称</th>
                                <th width="400px">限额</th>
                                <th width="146px">支持卡种</th>
                                <th width="145px">客服电话</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                    <a href="javascript:;" class="go_to_pay" id="goToPay">立即支付</a>
                </li>
                <li class="qrcode_pay">
                    <iframe src="" frameborder="0"></iframe>
                </li>
            </ul>
        </div>
    </div>
</div>

<form id="realForm" action="/submit" method="post" target="_blank">
    <!-- 支付工具 ALIPAY/WECHATPAY -->
    <input type="hidden" name="payTool" value="ALIPAY">
    <!-- 与原来的paymentWay参数一致 -->
    <input type="hidden" name="payMethod" value="">
    <input type="hidden" name="token" value="815d7e6481cf40f5dc7b3c939925044b">
    <input type="hidden" name="huabei" value="">
</form>
<!-- common js -->
<script>
    //
    var orderSn = 0;
    var countDownTime = parseInt('1474559114000') - parseInt('1474472728351'), payment_context = '', payment_token = '815d7e6481cf40f5dc7b3c939925044b';
    var huabeiSelect =[{"fee":"11.49","periods":3,"price":"511.16","serviceChargeRatio":0},{"fee":"11.24","periods":6,"price":"261.08","serviceChargeRatio":0},{"fee":"9.99","periods":12,"price":"134.91","serviceChargeRatio":0}];
</script>


@endsection